<template>
  <div class="box">
      <header class="header">
        <van-search  v-model="value" show-action
 placeholder="OPPO A3" @search="onSearch" >
  <template #action>
    <div @click="onClickButton"></div>
  </template>
</van-search>
      </header>
      <main class="main">
        <van-sidebar v-model="active">
  <van-sidebar-item title="热门推荐" /> 
  <van-sidebar-item title="OPPO"  />
  <van-sidebar-item title="一加" />
  <van-sidebar-item title="平板电脑" />
  <van-sidebar-item title="智能穿戴" />
  <van-sidebar-item title="智能耳机" />
  <van-sidebar-item title="官方配件" />
  <van-sidebar-item title="潮流好物" />
  <van-sidebar-item title="官方定制" />
  <van-sidebar-item title="官方服务" />
 
</van-sidebar>
<img src="@/assets/8.png" alt="">
      </main>

    </div> 
</template>

<script setup>
import { ref } from 'vue'
const active=ref(0)
</script>

<style lang="scss" scoped>

</style>